<template>
	<div class="city">
		<CityHeader></CityHeader>
		<CityList  :hotCities="hotCities"   :cities="cities"></CityList>
	</div>
</template>

<script>
import CityHeader from "./pages/header"
import CityList from "./pages/citylist"

export default {
	components:{
		CityHeader,
		CityList
	},
	data (){
		return {
			hotCities:[],
			cities:{}
		}
	},
	mounted (){
		this.$http.get("/api/data/city.json")
		.then((res)=>{
		    let data=res.data.data;
		    this.hotCities=data.hotCities;
		    this.cities=data.cities;
		})
	}
}
</script>

<style>
	
</style>